// @import './reset.scss';
.engine_header{
	margin-bottom: 0;
	.logo{
		display: flex;
		align-items: center;
		margin-right: 18px;
	}
}
.carousel-inner > .item > img{
	width: 100%;
}
.abouts_img{
	img{
		width: 100%;
	}
}

.introduce{
	padding-top: 94px;
	padding-bottom: 60px;
	.container{
		h1{
			margin-top: 0;
			margin-bottom: 40px;
		}
		h4{
			line-height: 1.5;
			margin-bottom: 30px;
		}
		p{
			line-height: 2;
			text-indent: 28px;
		}
		.col-md-4{
			margin-top: 150px;
		}
	}
}

.jobs{
	padding: 156px 0 82px;
	background-color: #8cc11f;
	.container{
		.jobs_left,.jobs_right{
			color: white;
			h1,p{
				margin: 0;
			}
			h1{
				margin-bottom: 60px;
			}
			p{
				line-height: 2;
				margin-bottom: 10px;
			}
		}
		.jobs_right{
			margin-top: 90px;
			p{
				margin-bottom:20px;
			}
			h3{
				width: 216px;
				height: 50px;
				background-color: white;
				color: #8cc11f;
				border-radius: 5px;
				text-align: center;
				line-height: 50px;
				margin-bottom:20px;
			}
		}
		
	}
}

.post{
	margin-bottom: 50px;
	.container{
		.col-md-12{
			margin-top: 122px;
			h1{
				color: #8cc11f;
				margin: 0 0 40px;
			}
			p{
				font-size: 18px;
				margin-bottom: 15px;
			}
			ol{
				li{
					text-indent: 5px;
					margin-bottom: 21px;
				}
			}
		}
	}
}


.footer{
	height: 113px;
	background-color: #3b3b3b;
	display: flex;
	align-items: center;
	.foot_box{
		width: 80%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		&::before{
			content: none;
		}
		&::after{
			content: none;
		}
		.foot_left{
			color: #9c9ea5;
			width: 430px;
			ul{
				list-style: none;
				display: flex;
				justify-content: flex-start;
				padding: 0;
				li{
					margin-right: 10px;
				}
			}
		}
		.foot_right{
			display: flex;
			width: 200px;
			&>div{
				margin-right: 20px;
			}
		}
	}
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.container{
		.logo{
			margin-right: 0;
		}
		.navbar-brand{
			padding-right: 3px;
			padding-left: 3px;
		}
		.nav>li>a{
			padding-right: 5px;
			padding-left: 5px;
		}
	}
	
	.introduce{
		padding: 40px 0  30px;
		.container{
			.col-md-4{
				margin-top: 30px;
				img{
					margin: 0 auto;
				}
			}
		}
	}
	.jobs{
		padding: 40px 0 30px;
		.container{
			.jobs_left{
				h1{
					margin-bottom: 10px;
				}
			}
			.jobs_right{
				margin-top: 40px;
			}
		}
	}
	
	.post{
		margin-bottom: 30px;
		.container{
			.col-md-12{
				margin-top: 60px;
			}
		}
	}
	
	
	.footer{
		.foot_box{
			margin: 0 15px;
			width: 100%;
			
		}
	}
	
}
@media only screen and (max-width:767px) {
	.engine{
		padding-top: 10px;
		h1,h3{
			text-align: center;
		}
		.advantage_list {
			margin-left: 50px;
		}
	}
	
	.introduce{
		padding: 40px 0  30px;
		.container{
			.col-md-4{
				margin-top: 30px;
				img{
					margin: 0 auto;
				}
			}
		}
	}
	.jobs{
		padding: 40px 0 30px;
		.container{
			.jobs_left{
				h1{
					margin-bottom: 10px;
				}
			}
			.jobs_right{
				margin-top: 40px;
			}
		}
	}
	
	.post{
		margin-bottom: 30px;
		.container{
			.col-md-12{
				margin-top: 50px;
				h1{
					color: #8cc11f;
					margin: 0 0 20px;
				}
				p{
					font-size: 18px;
					margin-bottom: 10px;
				}
				ol{
					li{
						text-indent: 5px;
						margin-bottom: 11px;
					}
				}
			}
		}
	}
	.footer{
		.foot_box{
			width: 95%;
			padding: 0;
			.foot_left,.foot_right{
				padding: 0;
			}
			.foot_left{
				width: 100%;
				ul,p{
					width: 100%;
				}
				ul{
					margin-bottom: 5px;
				}
				p{
					margin-bottom: 5px;
					text-align: justify;
				}
			}
			.foot_right{
				width: 100%;
				justify-content: flex-end;
				.foot_icon{
					width: 28px;
				}
			}
		}
	}
}